/*
 * @Author: your name
 * @Date: 2021-12-21 00:21:36
 * @LastEditTime: 2021-12-21 01:38:59
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \json-serveg:\桌面2\50htmljs\blurry\script.js
 */
const bg = document.getElementsByClassName('bg')[0]
const loadingText = document.getElementsByClassName('loading-text')[0]

let load = 0 
let int = setInterval(blurring,30)

function blurring(){
    load++
    
    if(load > 99){
        clearInterval(int)
    }
    loadingText.innerText = `${load}%`
    loadingText.style.opacity = 1-load/100;
    bg.style.filter = `blur(${30-load/100*30}px)`

}


